<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的音乐-我做主</title>
    <link rel="stylesheet" href="css/index.min.css">
    <link rel="shortcut icon" href="img/index/ficon.png" type="images/x-icon">
    <script>
    
    </script>
</head>
<body>
     <!--头部-->   
     <div class="header">
     <div class="header-con center clearfix">
          <div class="logo">
              <span>music</span>
          </div>
          <div class="nav">
          <ul class="clearfix fill">
            
            <li>
              <a href="index.html">
                首页
              </a>
          </li>
            <li>
                <a href="page/song.html">
                  歌单
                </a>
            </li>
            <li>
              <a href="page/singer.html">
                歌手
              </a>
            </li>
            <li>
                <a href="page/music-list.html">榜单</a>
            </li>
            <li>
                <a href="page/MV.html">视频</a>
            </li>
            
          </ul>
        </div>

          <div class="actions">
            <input placeholder="搜索音乐"> 
            <a class="loginbtn " href="page/login.html">登录</a>
            <a class="message" href="page/information.html"><img src="img/index/akari.jpg"></a>
        </div>

      </div>
    </div>

      <!--主体-->

        <!--精彩推荐-->
        <div class="container clearfix">
        <div class="groom center clearfix">
          <h2 class="title text-center">精 彩 推 荐</h2>
          <div class="scroll-left scroll-same">
            <img src="img/index/上一页.png">
          </div>

            <div class="scroll-right scroll-same">
            <img src="img/index/下一页 .png">
            </div>
            <ul class="groom-rem clearfix">
              <li>
                <div class="groom-rem-con ">
                  <a class="paly">
                  <img src="img/index/play.png">
                 </a>
                  <img class="cover" src="img/index/b6.png">
                </div>
                <a>「纯音乐」一曲古筝，一杯禅茶 </a>
                <div class="palyback">播放量：2550.5万</div>
              </li>

              <li>
                <div class="groom-rem-con">
                  <a class="paly" >
                  <img src="img/index/play.png">
                  </a>
                  <img class="cover" src="img/index/b7.png">
                </div>
                <a> 欧美｜致幻女嗓·致瘾电子 </a>
                <div class="palyback">播放量：254.0万</div>
              </li>

              <li>
                <div class="groom-rem-con">
                  <a class="paly">
                  <img src="img/index/play.png">
                  </a>
                  <img class="cover" src="img/index/b8.png">
                </div>
                <a>  站内评论999+超热日语精选  </a>
                <div class="palyback">播放量：5254.0万</div>
              </li>

              <li>
                <div class="groom-rem-con">
                  <a  class="paly">
                  <img src="img/index/play.png">
                  </a>
                  <img class="cover" src="img/index/b9.png">
                </div>
                <a>  蹦迪神曲:音乐一开 全场最嗨  </a>
                <div class="palyback">播放量：128.0万</div>
               </li>

               
               <li>
                <div class="groom-rem-con ">
                  <a class="paly">
                  <img src="img/index/play.png">
                 </a>
                  <img class="cover" src="img/index/b1.png">
                </div>
                <a>「纯音乐」一曲古筝，一杯禅茶 </a>
                <div class="palyback">播放量：2550.5万</div>
              </li>

              <li>
                <div class="groom-rem-con">
                  <a class="paly" >
                  <img src="img/index/play.png">
                  </a>
                  <img class="cover" src="img/index/b2.png">
                </div>
                <a> 欧美｜致幻女嗓·致瘾电子 </a>
                <div class="palyback">播放量：254.0万</div>
              </li>

              <li>
                <div class="groom-rem-con">
                  <a class="paly">
                  <img src="img/index/play.png">
                  </a>
                  <img class="cover" src="img/index/b3.png">
                </div>
                <a>  站内评论999+超热日语精选  </a>
                <div class="palyback">播放量：5254.0万</div>
              </li>

              <li>
                <div class="groom-rem-con">
                  <a  class="paly">
                  <img src="img/index/play.png">
                  </a>
                  <img class="cover" src="img/index/b4.png">
                </div>
                <a>  蹦迪神曲:音乐一开 全场最嗨  </a>
                <div class="palyback">播放量：128.0万</div>
               </li>

              </ul>
                
           
            </div>
        </div>
        <div class="dot-same dot1">

        </div>
        <div class="dot2 dot-same">

        </div>
      

        <!--热门电台-->
        <div class="hot center">
          <div class="public-header clearfix">
            <h2><span class="color">热门</span>电台</h2>
            <span class="more">更多</span>
          </div>
          <ul class="hot-song clearfix"> 
            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio1.jpg">
              </div>
              <h2 class="text-center">KTV必点歌</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio2.jpg"></div>
              <h2 class="text-center">中文DJ</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio3.jpg"></div>
              <h2 class="text-center">music热歌</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio4.jpg"></div>
              <h2 class="text-center">网络红歌</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio5.jpg">
              </div>
              <h2 class="text-center">经典</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio6.jpg">
              </div>
              <h2 class="text-center">老情歌</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio7.jpg">
              </div>
              <h2 class="text-center">新歌</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio8.jpg">
              </div>
              <h2 class="text-center">动漫</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio9.jpg">
              </div>
              <h2 class="text-center">轻音乐</h2>
            </li>

            <li>
              <div class="hot-rem">
                <a class="broadcast">
                  <img src="img/index/play.png">
                </a>
                <img src="img/index/radio10.jpg">
              </div>
              <h2 class="text-center">最爱成名曲</h2>
            </li>
          </ul>
        </div>
        <!--新歌首发-->
        <div class="new center">
          <div class="public-header clearfix">
            <h2>新歌<span class="color">首发</span></h2>
            <span class="more">更多</span>
          </div>
          <ul class="new-song clearfix">
              <li>
                <div class="content">
                  <div class="content-img">
                    <img src="img/index/n1.png">
                  </div>
                  
                  <div class="cd">

                  </div>
                </div>
                <div class="info">
                  <a>
                    freedom
                  </a><br>
                  <span>mrs li</span>
                </div>
               
              </li>

              <li>
                <div class="content"> 
                  <div class="content-img">
                    <img src="img/index/n2.png">
                  </div>
                  <div class="cd">

                  </div>
                </div>
                <div class="info">
                  <a>
                    Game over
                  </a><br>
                  <span>Lord Kael</span>
                </div>
               
              </li>

              <li>
                <div class="content"> 
                  <div class="content-img">
                    <img src="img/index/n3.jpg">
                  </div>
                  <div class="cd">

                  </div>
                </div>
                <div class="info">
                  <a>
                    KBa-kba
                  </a><br>
                  <span>Way Clown$</span>
                </div>
               
              </li>


              <li>
                <div class="content"> 
                  <div class="content-img">
                    <img src="img/index/n4.jpg">
                  </div>
                  <div class="cd">

                  </div>
                </div>
                <div class="info">
                  <a>
                    losing My Self 
                  </a><br>
                  <span>Martin Parra</span>
                </div>
               
              </li>

              <li>
                <div class="content"> 
                  <div class="content-img">
                    <img src="img/index/n5.jpg">
                  </div>
                  <div class="cd">

                  </div>
                </div>
                <div class="info">
                  <a>
                    End of Summer Calm 
                  </a><br>
                  <span>Sleep Baby Sleep</span>
                </div>
               
              </li>

              <li>
                <div class="content"> 
                  <div class="content-img">
                    <img src="img/index/n6.jpg">
                  </div>
                  <div class="cd">

                  </div>
                </div>
                <div class="info">
                  <a>
                    Donde sea
                  </a><br>
                  <span>Juan Klein</span>
                </div>
               
              </li>
          </ul>

        </div>
      </div>
        
        



       <!--页脚-->
       <footer class="footer">
        <div class="footer-con center">
          <div class="flink">
            <a href=""> 关于我们</a>
            <a href=""> 发展历程</a>
            <a href=""> 意见反馈</a>
            <a href="">
              <img src="img/index/音乐.png">
            </a>
            <a href="">
               <img src="img/index/腾讯微博.png">
            </a>
            <a>
              <img src="img/index/淘宝,TAO,alibaba,1688.png">
            </a>
            <a>
              <img src="img/index/qq音乐.png">
            </a>
            <span>QQ群：42931942</span>
            <span>MUSIC群： 373302682</span>
          </div>
          <p class="copyright">
            Copyright (c) 2013 <span class="green">music.com.</span> All Rights Reserved V 1.8.5 京ICP备13015845号-1
          </p>

        </div>
      </footer>
</body>
</html>